<!--
 * @Author: wangyuan
 * @Date: 2025-04-11 13:12:18
 * @LastEditors: wangyuan
 * @LastEditTime: 2025-04-11 13:12:19
 * @Description: 请填写简介
 * 仅限内部使用
-->
<template>
  <div class="bg-screen-left">
    <div class="DataStandard">
      <middle />
    </div>
    <div class="DataSource">
      <DataStandard />
    </div>
    <!-- <div class="Datacollect">
      <DataGather />
    </div> -->
  </div>
  <div class="pdfcc" v-if="pdfShow">
    <div class="pdfCss" >
      <vue-pdf-embed :source="pdfUrl" style="width:1700px; height: 990px;" />
    </div>
    <div class="cold"> <img src="../../../static/close.png"  @click="pdfClose"> </div>
  </div>

</template>

<script setup>
import middle from "../../../components/right/components/middle/index.vue";
import DataStandard from "./Datacollect.vue";
import DataSource from "./dataSource.vue";
import DataGather from "./dataGather.vue";
import VuePdfEmbed from 'vue-pdf-embed';
import  pdfUrl from '@/static/cx.pdf'
import { ref,provide } from "vue";
const pdfShow=ref(false)

const pdfClose=()=>{
    pdfShow.value=false
    console.log(111222);
    
}
const receiveFromGrandchildf = (e) => {
  console.log('收到数据:', e); 
  pdfShow.value=e
};
provide('grandpaCallbackf', receiveFromGrandchildf); 
</script>

<style scoped lang="scss">
.bg-screen-left {
  width: 1040px;
  height: 100%;
  .DataStandard {
    position: relative;
    padding-top: 40px;
    height: 323px;
    // background-image: url("../../../static//数据标准.png");
    // background-size: 100% 100%;
    // background-repeat: no-repeat;
    padding: 2px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .DataSource {
  margin-top: 10px;
    height: 323px;
    background-image: url("../../../static/DataSource.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .Datacollect {
    margin-top: 10px;
    height: 323px;
    background-image: url("../../../static/Datacollect.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}
.pdfCss {
    position: absolute;
    /* top: 50%; */
    transform: translateY(-50%);
    left: 50%;
    transform: translateX(-50%);
    /* width: 2000px; */
    height: 990px;
    overflow-y: auto;
    /* overflow: hidden; */
    z-index: 100;
    /* margin: 0 auto; */
  }
  .pdfcc{
    position: relative;
    left: 880px;
  }
  .cold{
    position: absolute;
    top:70px;
    right: -800px;
    /* margin-left: 1700px; */
    z-index: 100;

  }
 .pdfCss::-webkit-scrollbar {
        display: none;
  }
</style>
